<!DOCTYPE html >
<html>
<head>
<meta name="Generator" content="TPshop v1.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>我的信息</title>
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<link rel="stylesheet" href="../../css/footer.css">
<link rel="stylesheet" href="../../css/font_my/iconfont.css">
 <link rel="stylesheet" href="../../plug_in/site/css/LArea.css">

<style type="text/css">
	body,html{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		color:#555555;
		background: #fff;
	}
	p{
		margin:0;
	}
	.head{
		width: calc(100% - 20px);
		line-height: 50px;
		background: #ddd;
		padding: 0 10px;
		font-size: 18px;
		font-weight: bold;
	}
	.messageB{
		width: calc(100% - 20px);
		padding: 0 10px;
		font-size: 16px;
		background: #fff;
	}
	.messageOne{
		width: 100%;
		display: flex;
		line-height: 30px;
		padding: 10px 0;
		border-bottom: 1px solid #eaeaea;
	}
	.messageOneL{
		width: 60px;
		font-weight: bold;
	}
	.messageOneC{
		width: calc(100% - 75px);

	}
	.messageOneR{
		width: 15px;
		color:#666666;
	}
	input{
		outline: none;
		border:none;
		width: 100%;
	}
	textarea{
		width: 100%;
		height: 60px;
		resize: none;
		border:none;
	}
	.messageBao{
		width: 100%;
		margin-top: 30px;
		line-height: 45px;
		text-align: center;
		color: #fff;
		background: #4f81d4;
	}
	



</style>

</head>
<body>
	<div class="message">
		<div class="head">个人信息</div>
		<div class="messageB">
			<div class="messageOne" onclick="window.location.href='phone.html'">
				<div class="messageOneL">手机</div>
				<div class="messageOneC">18666666666</div>
				<div class="messageOneR"><i class='iconfont icon-arrow-right-copy'></i></div>
			</div>
			<div class="messageOne">
				<div class="messageOneL">微信</div>
				<div class="messageOneC"><input type="text" name="weixin" class="weixin" placeholder="请填写"></div>
				<div class="messageOneR"></div>
			</div>
			<div class="messageOne">
				<div class="messageOneL">座机</div>
				<div class="messageOneC"><input type="text" name="zuoji" class="zuoji" placeholder="请填写"></div>
				<div class="messageOneR"></div>
			</div>
			<div class="messageOne">
				<div class="messageOneL">邮箱</div>
				<div class="messageOneC"><input type="text" name="email" class="email" placeholder="请填写"></div>
				<div class="messageOneR"></div>
			</div>
<!-- 			<div class="messageOne">
				<div class="messageOneL">国家</div>
				<div class="messageOneC"><input type="text" name="weixin" class="weixin" placeholder="请填写"></div>
				<div class="messageOneR"></div>
			</div> -->
			<div class="messageOne">
				<div class="messageOneL">地区</div>
				<div class="messageOneC"><input type="text" name="diqu" class="diqu" placeholder="地区信息" id="demo2" readonly="" ></div>
				<div class="messageOneR"><i class='iconfont icon-arrow-right-copy'></i></div>
			</div>
			<div class="messageOne">
				<div class="messageOneL">地址</div>
				<div class="messageOneC"><textarea name="site" id="" class="site"></textarea></div>
				<div class="messageOneR"></div>
			</div>
		</div>
			<div class="messageBao">保存</div>
	</div>

<!-- <script src='../../js/jquery.js'></script> -->
<script src="../../plug_in/site/js/LAreaData1.js"></script>
<script src="../../plug_in/site/js/LAreaData2.js"></script>
<script src="../../plug_in/site/js/LArea.js"></script>
<script type="text/javascript">
	// console.log($)
	var area2 = new LArea();
    area2.init({
        'trigger': '#demo2',
        'valueTo': '#value2',
        'keys': {
            id: 'value',
            name: 'text'
        },
        'type': 2,
        'data': [provs_data, citys_data, dists_data]
    });
    // var ttn = document.querySelector(".ttn")
    // ttn.onclick=function(){
    //     var demo2 = document.querySelector("#demo2")
    //     console.log(demo2.value)
    // }

</script>
</body>
</html>